#{extends 'frame.html' /}
#{set title:'快递单统计' /}

#{set 'moreStyles'}
<link rel="stylesheet" media="screen" href="@{'/public/stylesheets/jquery.pagination.css'}" />
<link rel="stylesheet" media="screen" href="@{'/public/stylesheets/datePicker.css'}" />
#{/set}

<div class="contentCard">
<div class="contentTitle ">账户信息</div>
	<div class="clearfix mb10 ml20 mt20">
		<table style="width: 400px;line-height: 50px;">
			<thead>
				<tr>
					<td>账户余额/元</td>
					<td>累计充值/元</td>
					<td>单价/元</td>
				</tr>
			</thead>
			<tbody >
				<tr>
					<td class="red" style="font-size: 20px;">${expressRest.user_score}</td>
					<td class="red" style="font-size: 20px;">${expressRest.sum_score}</td>
					<td class="red" style="font-size: 20px;">${expressRest.user_price}</td>
				</tr>
			</tbody>
		</table>
	</div>
</div>
<div class="contentCard">
<div id="taskFilterPanel">
<div class="contentTitle">快递统计</div>
		<div class="clearfix mb10 ml20 mt20">
			<span class="floatLeft mr10">商家昵称：</span>
			<input type="text" id="sellerNick" class="floatLeft mr10 inputText" />
			<span class="floatLeft mr10">开始时间</span>
					<span class="floatLeft mr10 cal-date-input">
						<input class="inputDate start-date" id="modifyTimeStart" readonly="readonly" value=""  />
					</span>
					<span class="floatLeft mr10 med-cal-split">-</span>
					<span class="floatLeft mr10 cal-date-input">
						<input class="inputDate end-date" id="modifyTimeEnd" readonly="readonly" value="" />
					</span>
			<a class="stdColorButton floatLeft queryBtn" href="javascript:;" id="queryBtn">查询</a>
		</div>
	</div>
	<div class="contentBody" style="width: 900px;">
		<table class="normTable">
		<caption>发快递总数</caption>
			<thead >
				<tr>
					<td>韵达快递:&nbsp;&nbsp;&nbsp;&nbsp;(<span id="ydkd" class="red">${express.ydkd}</span>)</td>
					<td>快捷快递:&nbsp;&nbsp;&nbsp;&nbsp;(<span id="kjkd" class="red">${express.kjkd}</span>)</td>
					<td>商家自己快递:&nbsp;&nbsp;&nbsp;&nbsp;(<span id="sellerkd" class="red">${express.sellerKd}</span>)</td>
					<td>韵达导入:&nbsp;&nbsp;&nbsp;&nbsp;(<span id="fabaoguo" class="red">${express.fabaoguo}</span>)</td>
				</tr>
			</thead>
		</table>
	</div>
</div>
<div class="contentCard">
	<div class="contentBody" style="">
		<table class="normTable">
		<caption>每日快递单数统计</caption>
			<thead>
				<tr>
					<td>日期</td>
					<td>韵达快递</td>
					<td>快捷快递</td>
					<td>商家自己快递</td>
					<td>韵达导入</td>
				</tr>
			</thead>
			<tbody id="orderContainer"></tbody>
		</table>
		<div id="noMsg"><div class="warnBox"><span class="iconfont">&#xf00b6;</span>没有任务!</div></div>
		<div class="pagin-btm clearFix"style="display: none;">
			<div class="pagination"></div>
		</div>
		<div class="popWrapper" style="display: none;" id="tr_loading_mask">
			<div class="maskLayer"></div>
			<img class="tr_juhua" src="@{'/public/images/pre_loading.gif'}" />		
		</div>
	</div>
</div>
<textarea id="orderTemp" class="muban">
{{#results}}
	<tr>
		<td>{{takeTime}}</td>
		<td><a data-time="{{date}}" >{{ydkd}}</a></td>
		<td><a data-time="{{date}}" >{{kjkd}}</a></td>
		<td><a data-time="{{date}}"  class="takenBuer">{{sellerKd}}</a></td>
		<td><a data-time="{{date}}"  class="publishSeller">{{fabaoguo}}</a></td>
	</tr>
{{/results}}
</textarea>

#{set 'moreScripts'}
<script src="@{'/public/javascripts/date.js'}" type="text/javascript"></script>
<script src="@{'/public/javascripts/jquery.datePicker.js'}" type="text/javascript"></script>
<script src="@{'/public/javascripts/jquery.pagination.js'}" type="text/javascript"></script>
<script src="@{'/public/javascripts/mustache.min.js'}" type="text/javascript"></script>
<script src="@{'/public/javascripts/admin/expressCount.js'}" type="text/javascript"></script>
#{/set}